<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接样式</title>
    <!--链接样式-->
    <!--链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。-->
    <!--特别的链接，可以有不同的样式，这取决于他们是什么状态。-->
    <!--这四个链接状态是：-->
    <!--a:link - 正常，未访问过的链接-->
    <!--a:visited - 用户已访问过的链接-->
    <!--a:hover - 当用户鼠标放在链接上时-->
    <!--a:active - 链接被点击的那一刻-->
    <style>
        a:link {color: #000000;}  /*未访问链接*/
        a:visited {color: #00FF00;}  /*已访问链接*/
        a:hover {color: #FF00FF;}  /*鼠标移动到链接上*/
        a:active {color: #0000FF;}  /*鼠标点击时*/
    </style>
</head>
<body>
<p><b><a href="http://www.runoob.com" target="_blank">这是一个链接</a></b></p>
<p><b>注意：</b>a:hover必须在a:link和a:visited之后，需要严格按照顺序才能看到效果。</b></p>
<p><b>注意：</b>a:active必须在a:hover之后。</p>
</body>
</html>